<!DOCTYPE HTML>
<html>
<head>
<title> Home </title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!--jQuery (necessary for Bootstrap's JavaScript plugins)-->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!--Custom Theme files-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/modernizr.custom.js"></script>

 <!--start-smoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
		
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
<!--start-smoth-scrolling-->
	<!--webfonts-->
		<link href='https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
	<!--webfonts-->	
</head>
<body>
<!--header-->
	<div class="header-section">
		<div class="header-top"></div>
			<div class="container">
			<!--logo-->
			   <div class="logo">
				<a href="index.html"><img src="images/logo.png" alt=""></a>
				</div>
			<!--top-nav-->
			<div class="sub-header">
			<div class="top-nav">
					<span class="menu"> </span>
					<ul>
						<li class="active"><a href="index.html">Home</a></li>
						<li><a href="about.html">About Us</a></li>
						<li><a href="services.html">New Services</a></li>
						<li><a href="404.html">Recent Projects</a></li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="mail.html">Mail Us</a></li>
						<div class="clearfix"> </div>
					</ul>
				</div>
			</div>
				<div class="clearfix"> </div>
		<!-- script-for-menu -->
				<script>
					$(document).ready(function(){
						$("span.menu").click(function(){
							$(".top-nav ul").slideToggle(200);
						});
					});
				</script>
			<div class="clearfix"> </div>
			<!--//End-slider-script-->
		</div>
	</div>
<!--/header-->
		 <div id="Welcome">
					<div class="container">
							<div class="wecome-main">
								<div class=" col-md-6 wecome-text">
										<h1>Welcome</h1>
										<span>Pellentesque consequat aliquam hendrerit. Nam eget 
												tellus felis. Aenean aliquam pretium felis, eu varius 
											sapien. Mauris porttitor condimentum faucibus.</span>
										<p>Nulla facilisi. Nunc convallis tortor non egestas auctor. Sed
											quis bibendum ex. In hac habitasse platea dictumstNunc at
											elit commodo, placerat massa in, feugiat ipsum. Cras sed
											dolor vitae mauris tristique finibus eu a libero. Ut id augue 
											posuere, faucibus urna nec, pulvinar leo. Sed nunc lectus, 
											vestibulum nec efficitur sit amet, </p>
										<div class= "wecome-button">
											<a class="button rotate2" href="single.html">Read More<span> </span></a>
										</div>
									</div>	
										<div class= "col-md-6 wecome-img">
											<img src="images/wel-img.png" alt="">
										</div>
								<div class="clearfix"> </div>  			
						</div>
					</div>	
				</div>
	<!-- //End-welcomet-->
	 <div class="featured-section">
					<div class="container">
						<h2>Featured Products</h2>
							<div class="featured-main">
								<div class=" col-md-4 feature-text">
									<img src="images/f1.png" alt="">
									<h3>Aenean aliquam pretium felis, eu 
										varius sapien. Mauris porttitor .</h3>
										<p>Etiam feugiat lectus nisl, in euismod l
										ectus viverra et. Sed et scelerisqu
										e felis. Integer vel volutpat massa. Do
											nec id justo nisl. Vivamus malesuada,
 											dolor a eleifend sagittis, neque arcu 
											semper mi, eu finibus ,</p>
										<div class= "wecome-button">
											<a class="button rotate2" href="single.html">Read More<span> </span></a>
										</div>
									</div>
									<div class=" col-md-4 feature-text">
										<img src="images/f2.png" alt="">
										<h3>Aenean aliquam pretium felis, eu 
										varius sapien. Mauris porttitor .</h3>
										<p>Etiam feugiat lectus nisl, in euismod l
										ectus viverra et. Sed et scelerisqu
										e felis. Integer vel volutpat massa. Do
											nec id justo nisl. Vivamus malesuada,
 											dolor a eleifend sagittis, neque arcu 
											semper mi, eu finibus ,</p>
										<div class= "wecome-button">
											<a class="button rotate2" href="single.html">Read More<span> </span></a>
										</div>
									</div>	
									<div class=" col-md-4 feature-accord">
								<ul class="topic_grid">
								   <li class="list1"><h3 class="m_3">List of Features</span></h3><div class="clear5"></div></li>
								 </ul>
								  <div class="menu_vertical">
					         	 	<section class="accordation_menu">
									  <div>
									    <input id="label-1" name="lida" type="radio" checked/>
									   <label for="label-1" id="item1"><i class="ferme"> </i><span class="m_5">Aliquam tincidunt mauris</span><i class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>
									    <div class="content" id="a1">
									      <ul class="news_list">
											 <li class="date_desc">
							  			   	 		<p>Etiam feugiat lectus nisl, in euismod lectus viverra et. 
												Sed et scelerisque felis. Integer vel volutpat massa. 
												Donec id justo nisl. Vivamus .</p>
							  			   	 </li>
							  			   	 <div class="clearfix"> </div>
							  			  </ul>
									    </div>
									  </div>
									  <div>
									    <input id="label-2" name="lida" type="radio"/>
									    <label for="label-2" id="item2"><i class="icon-leaf" id="i2"></i>Cras ornare tristiave<i class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>
									    <div class="content" id="a2">
									       <ul class="news_list">
											 <li class="date_desc">
							  			   	 	<p>Etiam feugiat lectus nisl, in euismod lectus viverra et. 
												Sed et scelerisque felis. Integer vel volutpat massa. 
												Donec id justo nisl. Vivamus .</p>
							  			   	 </li>
							  			   	 <div class="clearfix"> </div>
							  			  </ul>      
									    </div>
									  </div>
									  <div>
									    <input id="label-3" name="lida" type="radio"/>
									    <label for="label-3" id="item3"><i class="icon-trophy" id="i3"></i>Present placerat riisus<i class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>
									    <div class="content" id="a3">
									       <ul class="news_list">
							  			     <li class="date_desc">
							  			   	 	<p>Etiam feugiat lectus nisl, in euismod lectus viverra et. 
												Sed et scelerisque felis. Integer vel volutpat massa. 
												Donec id justo nisl. Vivamus .</p>
							  			   	 </li>
							  			   	 <div class="clearfix"> </div>
							  			  </ul>
									    </div>
									  </div>
									   <div>
									    <input id="label-4" name="lida" type="radio"/>
									    <label for="label-4" id="item4"><i class="icon-trophy" id="i4"></i>Fusce pellellentsque suscrite<i class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>
									    <div class="content" id="a4">
									       <ul class="news_list">
							  			     <li class="date_desc">
							  			   	 	<p>Etiam feugiat lectus nisl, in euismod lectus viverra et. 
												Sed et scelerisque felis. Integer vel volutpat massa. 
												Donec id justo nisl. Vivamus .</p>
							  			   	 </li>
							  			   	 <div class="clearfix"> </div>
							  			  </ul>
									    </div>
									  </div>
									   <div>
									    <input id="label-5" name="lida" type="radio"/>
									    <label for="label-5" id="item5"><i class="icon-trophy" id="i5"></i>Ut aliquam Solliicitudin <i class="icon-plus-sign i-right1"></i><i class="icon-minus-sign i-right2"></i></label>
									    <div class="content" id="a5">
									       <ul class="news_list">
							  			     <li class="date_desc">
							  			   	 	<p>Etiam feugiat lectus nisl, in euismod lectus viverra et. 
												Sed et scelerisque felis. Integer vel volutpat massa. 
												Donec id justo nisl. Vivamus .</p>
							  			   	 </li>
							  			   	 <div class="clearfix"> </div>
							  			  </ul>
									    </div>
									  </div>
									</section>

									</div>
								</div>
							</div>
						</div>	
					</div>	<div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>		
	<!--/start-text-slider-->
		<div  class="testimonials" id="testimonials">
			 <div class="wmuSlider example1">
		 	<div class="container-flueid">
			   <article style="position: absolute; width:64%; opacity: 0;"> 
				   	
					<div class=" cont span_2_of_3 client-main">
							<div class="slide-text">
									<p>Vestibulum pharetra eleifend eros non 
									faucibus. Aliquam viverra magna mi, sit amet  </p>
						  	<span> </span>
						 	</div>
						 	<div class="clearfix"> </div>  
					</div>
				</article>
				 <article style="position: absolute; width:64%; opacity: 0;"> 
				   	<div class=" cont span_2_of_3  client-main">
							<div class="slide-text">
								<p>Vestibulum pharetra eleifend eros non 
								faucibus. Aliquam viverra magna mi, sit amet  </p>
						  			<span> </span>
						 	</div>
						 	<div class="clearfix"> </div>  
					</div>
				 </article>
				 <article style="position: absolute; width:64%; opacity: 0;"> 
				   	<div class="cont span_2_of_3  client-main">
							<div class="slide-text">
									<p>Vestibulum pharetra eleifend eros non 
									faucibus. Aliquam viverra magna mi, sit amet  </p>
						  	<span> </span>
						 	</div>
						 	<div class="clearfix"> </div>  
					</div>
				 </article>
		 
                  <script src="js/jquery.wmuSlider.js"></script> 
					<script>
       				     $('.example1').wmuSlider();         
   					</script> 	           	      
	         </div>
	     </div>
	 </div>
	 <!--//text-slider-->
<!--/start-footer-->                                                             
		<div class="footer-section">
				<div class="container">
					<div class="footer-grids">
						<div class="col-md-3 footer-grid bottom-nav">
							<h3>Information </h3>
								<ul>
									<li><a href="index.html">Home</a></li>
									<li><a href="about.html">About Us</a></li>
									<li><a href="services.html">New Services</a></li>
									<li><a href="404.html">Recent Projects</a></li>
									<li><a href="blog.html">Blog</a></li>
									<li><a href="mail.html">Mail Us</a></li>
									<div class="clearfix"> </div>
								</ul>
							</div>
						<div class="col-md-3 footer-grid category">
							<h3>Categories </h3>
								<ul>
									<li><a href="#">Proin at tellus quis</a> </li>
									<li><a href="#">Felis tincidun</a>  </li>
									<li><a href="#">Vestibulum</a> </li>
									<li><a href="#">Sets</a> </li>
									<li><a href="#">Praesent sit</a> </li>
									<li><a href="#">Amet nulla molestie</a> </li>
									
									<div class="clearfix"> </div>
								</ul>
							</div>
							<div class="col-md-3 footer-grid brands">
								<h3>Brands </h3>
									<ul>
										<li><a href="#">Pellentesque</a>  </li>
										<li><a href="#">Lorem ipsum dolor </a> </li>
										<li><a href="#">Vestibulum pharetra</a> </li>
										<li><a href="#">Donec eros dolor</li>
										<div class="clearfix"> </a> </div>
									</ul>
							</div>
							<div class="col-md-3 footer-grid contact">
								 	 <h3>Contact</h3>
											<ul>
												<li><a href="#">Tel:1(234) 567-8901</a></li>
												<li><a href="#">Tel:1(234) 567-8936</a></li>
												<div class="clearfix"> </div>
											</ul>
									
								</div>	
						<div class="clearfix"> </div>							
					</div>
				</div>
			</div>
		<!--//End-foote-->
		<div class="copy-right-section">
				<div class="container">
					<div class="col-md-6 copy-right">
						<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
					</div>
					<div class="col-md-6 social-icons">
						<ul class="soc_icons2">
											<li><a href="#"><i class="icon_4"></i></a></li>
											<li><a href="#"><i class="icon_5"></i></a></li>
											<li><a href="#"><i class="icon_6"></i></a></li>
											<div class="clearfix"> </div>
										</ul>

					</div>
				</div>
		</div>

</body>
</html>